<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="../src/css/reset.css">
    <link rel="stylesheet" href="../src/css/buycar.css">
</head>

<body>
    <div id="head">
        <div class="con">
            <div class="logo">
                <li>
                    <img src="../src/images/logo.png" alt="">
                </li>

            </div>
            <div class="dizhi">
                <li>
                    <img src="../src/images/icon05.png" alt="">
                </li>
                <span>上海市</span>
            </div>
            <div class="chanpin">
                <li>
                    <img src="../src/images/icon01.png" alt="">
                </li>
                <span>所有产品</span>
            </div>
            <div class="shouye">
                <li>
                    <img src="../src/images/home-1.png" alt="">
                </li>
                <a href="index.html">
                    <span>首页</span>
                </a>
            </div>
            <div class="cake">
                <li>
                    <img src="../src/images/1.png" alt="">
                </li>
                <span>蛋糕</span>
            </div>
            <div class="xiaochi">
                <li>
                    <img src="../src/images/2.png" alt="">
                </li>
                <span>小食</span>
            </div>
            <div class="more">
                <li>
                    <img src="../src/images/icon02.png" alt="">
                </li>
                <span>更多</span>
            </div>
            <div class="buycar">
                <li>
                    <img src="../src/images/bag1.png" alt="">
                </li>
                <a href="buycar.html">
                    <span>购物车</span>
                </a>
            </div>
            <div class="login">
                <li>
                    <img src="../src/images/login.png" alt="">
                </li>
                <span>
                    <a href="login.html">
                        <b>登录</b>
                    </a>|
                    <a href="zhuce.html">
                        <b>注册</b>
                    </a>
                </span>
            </div>
        </div>
    </div>
    <div id="hair">
        <div class="hair-con con">
   
        </div>
    </div>
    
    <table border="1" cellspacing="" cellpadding="" class="table">
        <thead>
            <tr>
                <!-- <th>全选</th> -->
                <th width="160px">商品图片</th>
                <th width="220px">商品名称</th>
                <th width="160px">商品数量</th>
                <th width="160px">商品单价</th>
                <th width="160px">小计</th>
                <th width="100px">操作</th>
            </tr>
        </thead>
        <tbody>
            <tr class="moneylast">
                <td colspan="4" align="center">共计
                    <span id="countgoods"></span>件商品,共
                    <span id="countmoneys"></span>元</td>
                <td colspan="2">
                    <button type="button" class="obtn">结算</button>
                </td>
            </tr>
        </tbody>
    </table>
    <div id="foot">
        <div class="con">
            <div class="foot-top">
                <div class="top-left">
                    <li>订购热线：1234-678-678（8:00 - 20:00)</li>
                    <li>客服邮箱：cs@cake.com</li>
                    <li>地址：西安市雁塔区南窑国际81号楼</li>
                    <li>食品生产许可证：SC12431010700128</li>
                </div>
                <div class="top-center">
                    <div class="about">
                        <h3>关于我们</h3>
                        <li>企业介绍</li>
                        <li>媒体合作</li>
                        <li>招贤纳士</li>
                        <li>呼叫中心</li>
                    </div>
                    <div class="help">
                        <h3>帮助中心</h3>
                        <li>投诉与建议</li>
                        <li>会员权益</li>
                        <li>购物指南</li>
                        <li>支付类</li>
                        <li>订单相关</li>
                        <li>配送服务</li>
                    </div>
                    <div class="find">
                        <h3>发现</h3>
                        <li>公告</li>
                    </div>
                    <p>
                        <img src="../src/images/weibo.png" alt="">
                    </p>
                    <p>
                        <img src="../src/images/weixin.png" alt="">
                    </p>
                </div>
            </div>
            <div class="foot-bottom">

            </div>
        </div>
    </div>
</body>

</html>
<script src="../src/js/machine.js"></script>
<script src="../src/js/buycar.js"></script>